<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/lib/swiper/css/swiper.min.css">
    <!--<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="/lib/font/iconfont.css">
    <link rel="stylesheet" href="/css/tools.css">
    <link rel="stylesheet" href="/css/head.css">
    <link rel="stylesheet" href="/css/headSearch.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/sider.css">
    <script src="/lib/requirejs/require.min.js" data-main="/js/index"></script>
    <title>Document</title>
</head>
<body>
    <div class="wrap">
        <!--头部-->
        <div class="head-top"></div>
        <div class="head-bottom"></div>
        <!--导航-->
        <div class="nav">
            
        </div>
        <!--banner-->
        <div class="banner">
            <div class="swiper-container">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide"><a href="/htm/list.html"></a></li>
                    <li class="swiper-slide"><a href="/htm/list.html"></a></li>
                    <li class="swiper-slide"><a href="/htm/list.html"></a></li>
                </ul>
                 <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next" style="right: 45px"></div>
            </div>
            <!--<ul>
                <li><a href="/htm/list.html"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                
            </ul>-->
            
        </div>
        <!--content-->
        <div class="content">
            <!--webintro-->
            <div class="webintro">
                <a href="/htm/detail.html"><img src="/img/pc/webintro.png" alt=""></a>
            </div>

            <!--buy60s-->
            <div class="buy60s">
                <div class="buy60s-head">
                    <div class="timedown">
                        距本轮结束还有
                        <span class="sec">
                            <em class="s1"></em>
                            <em class="s2"></em>
                        </span>
                        秒
                    </div>
                </div>
                <!--60秒抢购列表-->
                <div class="buy60s-list">
                     <div class="buy60s-box">
                         <ul>
                             <li>
                                <a href="/htm/detail.html">
                                    <img src="/img/buy60s/22f07382afea2.png!wh300" alt="">
                                    <p class="title"><em class="tag">爆款</em>美国Elta MD氨基酸泡沫洗面奶207ml 补水温和深层清洁</p>
									<p class="now">124.20</p>
									<p class="old">市场价：￥254.00</p>
									<p class="btn">立即抢购</p>
									<p class="bg"></p>
                                </a>
                             </li>
                             <li>
                                 <a href="/htm/detail.html">
                                    <img src="/img/buy60s/22f07382afea2.png!wh300" alt="">
                                    <p class="title"><em class="tag">爆款</em>美国Elta MD氨基酸泡沫洗面奶207ml 补水温和深层清洁</p>
									<p class="now">124.20</p>
									<p class="old">市场价：￥254.00</p>
									<p class="btn">立即抢购</p>
									<p class="bg"></p>
                                </a>
                             </li>
                             <li>
                                 <a href="/htm/detail.html">
                                    <img src="/img/buy60s/22f07382afea2.png!wh300" alt="">
                                    <p class="title"><em class="tag">爆款</em>美国Elta MD氨基酸泡沫洗面奶207ml 补水温和深层清洁</p>
									<p class="now">124.20</p>
									<p class="old">市场价：￥254.00</p>
									<p class="btn">立即抢购</p>
									<p class="bg"></p>
                                </a>
                             </li>
                         </ul>
                     </div>

                </div>
            </div>
            <div class="wrapper">
                <div class="hot">
                    <h2>
                        <strong>热门活动</strong>
                        <span>只要你不满意就无条件退货</span>
                    </h2>
                    <div class="hot-content">
                        <ul>
                            <li>
                                <a href="/htm/detail.html"><img src="/img/user/22f8d962ca0a5.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>
                            </li>
                            <li class="">
                                <a href="/htm/list.html"><img src="/img/user/2e573b74127dc.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="/htm/list.html"><img src="/img/user/68ce43ef45fa.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="/htm/list.html"><img src="/img/user/11eb464df35ee.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="/htm/list.html"><img src="/img/user/22f8d964f8662.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                            <li>
                                <a href="/htm/list.html"><img src="/img/user/c3c1546c6ed3.jpg" alt="" /></a>
                                <div class="cle">
							        <span class="temail_timer">
                                        <i class="iconfont icon-huo1">:</i>
                                        <span class="s">剩余时间：</span>
                                        <em>1286</em>
                                        <span>天</span>
                                        <em>04</em>
                                        <span>时</span>
                                        <em>46</em>
                                        <span>分</span>
                                        <em>05</em>
                                        <span>秒</span>
                                    </span>					
                                </div>    
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="series-list">
                    <h2>
                        <strong>分类推荐</strong>
                        <span>千万用户信赖的美妆品牌</span>
                    </h2>
                   <div class="series">
                        <div class="series-title">
                            <strong><a href="/htm/list.html">卸妆</a></strong>
                            <span>
                                <a href="/htm/list.html">卸妆油</a>
                                <a href="/htm/list.html">卸妆水</a>
                                <a href="/htm/list.html">卸妆乳</a>
                                <a href="/htm/list.html">卸妆膏</a>                                
                            </span>
                        </div>
                        <ul class="grid_2">
                            <!--<li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                                
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="/img/d98626283a4.jpg" alt="">
                                    <div class="title-box">
                                        <p class="title">日本Dr.Ci:Labo城野医生LaboLabo毛孔收缩水100ml </p>
                                        <p class="cle">
                                            <span>￥<strong>88</strong></span>
                                            <span>
                                                <i class="iconfont icon-huo"></i>
                                                <em>1233</em>
                                            </span>
                                        </p>
                                    </div>
                                </a>
                            </li>-->
                        </ul>
                   </div>
                   
                </div>
                <div class="brands">
                    <h2>
                        <strong>品牌大全</strong>
                        <span>千万用户信赖的美妆网站</span>
                    </h2>
                    <div class="brands-box">
                        <div class="bra-fl">
                            <a href="/htm/detail.html">
                                <img src="/img/brands/289de875e5c18.jpg" alt="">
                            </a>
                        </div>
                        <div class="bra-list">
                            <ul>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                                <li><a href="/htm/detail.html"><img src="/img/brands/3ce.jpg" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="bra-fr">
                            <a href="/htm/detail.html">
                                <img src="/img/brands/11e12457547b5.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer-search">
            <div class="sbox">
                <h5>更多感兴趣的商品马上搜索</h5>
                <div class="sform">
                    <form action="#" method="get" >
                        <input class="key" type="text" value="" placeholder="面膜">
                        <button type="submit" class="submit"><i class="iconfont icon-sousuo"></i></button>
                    </form>
                </div>
                <div class="footer_search_hot">
                    <ul>
                        <li>热搜榜：</li>
                        <li><a href="#">悦诗风吟</a></li>
                        <li><a href="#">面霜</a></li>
                        <li><a href="#">兰芝</a></li>
                        <li><a href="#">面膜</a></li>
                        <li><a href="#">化妆水</a></li>
                        <li><a href="#">唇膏/口红</a></li>
                        <li><a href="#">BB霜</a></li>
                    </ul> 
                </div>
                <div class="intro_link cle">
                    <a href="#" target="_blank"></a>
                    <a class="mid" href="" target="_blank"></a>
                    <a href="" target="_blank"></a>
                </div>
            </div>
        </div>
        <footer>
            
        </footer>
        <div class="sider-left"></div>
    </div>
    <!-- 模板：art-template -->
    <script type="text/html" id="prod-template">

        {{each products curr}}
            <li>
                <div class="pro-id">{{curr.id}}</div>
                <a href="/htm/detail.html?id={{curr.id}}">
                    <img src="{{curr.img}}" alt="">
                    <div class="title-box">
                        <p class="title">{{curr.title}}</p>              
                        <p class="cle">
                            <span>￥<strong>{{curr.price}}</strong></span>
                            <span>
                                <i class="iconfont icon-huo"></i>
                                <em>{{curr.hot}}</em>
                            </span>
                        </p>
                    </div>
                </a>
            </li>
        {{/each}}
    </script>

</body>
</html>